<!DOCTYPE html>
<html>
<head lang="zh-CN">
    <meta charset="UTF-8">
    <title></title>
    <link rel="stylesheet" href="css/bootstrap.min.css">
    <link rel="stylesheet" href="css/css.css">
    <link rel="stylesheet" href="stylesheets/screen.css">
    <script src="js/jquery.min.js"></script>
    <script src="js/bootstrap.min.js"></script>
    <script src="js/js.js"></script>
</head>
<body>
    <!--*****common top*****-->
    <include file="public/top.html" ></include>

    <!--*****banner*****-->
    <div id="carousel-example-generic" class="carousel slide" data-ride="carousel">
        <!-- Indicators -->
        <ol class="carousel-indicators">
            <li data-target="#carousel-example-generic" data-slide-to="0" class="active"></li>
            <li data-target="#carousel-example-generic" data-slide-to="1"></li>
            <li data-target="#carousel-example-generic" data-slide-to="2"></li>
        </ol>
        <!-- Wrapper for slides -->
        <div class="carousel-inner" role="listbox">
            <div class="item active">
                <img src="image/banner01.jpg" alt="...">
            </div>
            <div class="item">
                <img src="image/banner01.jpg" alt="...">
            </div>
        </div>
        <!-- Controls -->
        <a class="left carousel-control" href="#carousel-example-generic" role="button" data-slide="prev">
            <span class="glyphicon glyphicon-chevron-left"></span>
            <span class="sr-only">Previous</span>
        </a>
        <a class="right carousel-control" href="#carousel-example-generic" role="button" data-slide="next">
            <span class="glyphicon glyphicon-chevron-right"></span>
            <span class="sr-only">Next</span>
        </a>
    </div>

    <!--*****headline*****-->
    <div class="index-headline">
        <div class="container">
            <div class="left">
                <dl>
                    <dt>畅达旗下水运市场网，专业的船货管家</dt>
                    <dd>缔造中国水运物流行业的阿里巴巴</dd>
                </dl>
            </div>
            <div class="right">
                <div><img src="image/qq.svg"></div>
                <dl>
                    <dt>在线咨询</dt>
                    <dd>4000-256-156</dd>
                </dl>
            </div>
        </div>
    </div>

    <!--*****service*****-->
    <div class="container index-service">
        <ul class="row">
            <li class="col-xs-4">
                <dl>
                    <dt><img src="image/i-service01.jpg" title="水运行业信息服务" alt="水运行业信息服务"></dt>
                    <dd>01</dd>
                    <dd>水运行业信息服务</dd>
                    <dd>畅达旗下水运市场网，提供专业全面的水运信息服务。海量的船货源信息、及时的货运价格信息、最新的船舶...</dd>
                </dl>
            </li>
            <li class="col-xs-4">
                <dl>
                    <dt><img src="image/i-service02.jpg" title="水运行业信息服务" alt="水运行业信息服务"></dt>
                    <dd>02</dd>
                    <dd>智能船舶服务</dd>
                    <dd>畅达开发可视化船舶监控系统、称重系统与定位系统等智能船舶解决方案，为您量身打造全新的现代船舶。另有...</dd>
                </dl>
            </li>
            <li class="col-xs-4">
                <dl>
                    <dt><img src="image/i-service03.jpg" title="水运行业信息服务" alt="水运行业信息服务"></dt>
                    <dd>03</dd>
                    <dd>船舶生活服务</dd>
                    <dd>船舶加油：中顺、长燃大型油站优惠加油，即装即走，做随性的船主；船舶保险：代理船舶保险服务，专业...</dd>
                </dl>
            </li>
        </ul>
    </div>
</body>
</html>